<template>
  <div class="bonochtester_success">
    <div class="bonochtester_success_content">
      <div>
        <el-image :src="warrantySuccessImg"></el-image>
        <p >♥ Thanks for joining us ♥</p>
        <div class="shareWay">
          <a  @click="OpenConcat(icon)" class="svgIcon" v-for="icon in iconLink" :key="icon.icon" :title="icon.word">
            <svg class="svgNormal" >
              <use :xlink:href="'#'+icon.icon"></use>
            </svg>
            <svg class="svgHover" >
              <use :xlink:href="'#'+icon.iconHover"></use>
            </svg>
          </a>
        </div>
      </div>
    </div>
   

  </div>
</template>

<script>
export default {
  data() {
    return {
      warrantySuccessImg: require("@/assets/BONOCH_Tester.png") ,
      iconLink: [
        {icon:'icon-Facebook_normal', iconHover: 'icon-Facebook_hover', word:'Share on Facebook', url:'https://www.facebook.com/iVANKYcompany'},
        {icon:'icon-Instagram_normal', iconHover: 'icon-Instagram_hover',url:'https://www.instagram.com/ivankyofficial/'},
        {icon:'icon-Twitter_normal', iconHover: 'icon-Twitter_hover', word:'Share on Twitter', url:'https://twitter.com/ivankyofficial' },
      ],
    }
  },
  mounted(){
   
  },
  methods: {
    OpenConcat(icon){
      window.open(icon.url)
    },
  }

}
</script>

<style lang="scss">
@import '@/styles/register/bonochtester_success.scss';

</style>